// Variables
// --------------------------

// base-size
$margin-base: 1em;
$padding-base: 16px;
$radius-base: 4px;
$scroll-width: 6px;

// font-size
$font-size-header: 18px;
$font-size-h1: 28px;
$font-size-h2: 22px;
$font-size-h3: 16px;
$font-size-h4: 16px;
$font-size-base: 14px;
$font-size-small: 13px;
$font-size-min: 12px;

// line-height
$line-height-base: 1.2em;
$line-height-docs: 1.8em;

// font-color
$color-brand: #42b983;
$color-success: #42b983;
$color-warning: #e6a23c;
$color-danger: #f56c6c;
$color-link: #4183c4;
$color-code: #d63200;
$color-dark: #303133;
$color-base: #606266;
$color-gray: #909399;
$color-white: #fff;

// background-color
$bg-brand: #42b983;
$bg-success: #f0f9eb;
$bg-warning: #fdf6ec;
$bg-danger: #fef0f0;
$bg-body: #f6f8f9;
$bg-deep: #f4f4f5;
$bg-light: #fafafa;
$bg-white: #fff;

// border-color
$border-deep: 1px solid #dcdfe6;
$border-light: 1px solid #ebeef5;

// RGB
$rgb-40: rgb(0 0 0 / 40%);
$rgb-20: rgb(0 0 0 / 20%);
$rgb-10: rgb(0 0 0 / 10%);

// index
$index-menu-color: #6b7386;
$index-menu-bg: #30333c;
